@import '../../assets/style/theme.less';
.home {
    .sidebar {
        .el-menu-ex {
            height: calc(100% - 60px);
            overflow-y: auto;
            background-color: #464646;
            color: #ffffff;
            .el-menu-item {
                background-color: #464646;
                color: #ffffff;
                .is-active {
                    border-right: 12px solid #f26522;
                    background-color: #464646 !important;
                }
            }
            .el-submenu {
                .el-submenu__title {
                    color: #ffffff;
                    background-color: #464646 !important;
                }
                .el-submenu__title:hover {
                    background-color: #353535 !important;
                }
                .el-menu--inline {
                    color: #ffffff;
                    background-color: #353535 !important;
                    .el-menu-item {
                        color: #ffffff;
                        padding-left: 45px !important;
                    }
                    .el-menu-item:hover {
                        background-color: #353535 !important;
                    }
                    .el-menu-item:focus {
                        background-color: #353535 !important;
                    }
                    .is-active {
                        color: #ffffff;
                        border-right: 12px solid #f26522;
                        background-color: #353535 !important;
                    }
                }
            }
        }
    }
    .brand {
        display: flex;
        height: 60px;
        text-align: center;
        margin-right: 1px;
        background-color: var(--global-color);
    }

    .brand-txt {
        padding-top: 16px;
        color: white;
        font-size: 20px;
        font-weight: 600;
    }
    .brand-txt-zhidou {
        padding-top: 8px;
        color: white;
        font-size: 15px;
        font-weight: 300;
    }

    .login-user {
        margin-top: 15px;
        float: right;
        margin-right: 40px;
    }

    .logo {
        width: 28px;
        height: 32px;
        padding-left: 20px;
        padding-top: 13px;
        padding-right: 10px;
    }

    .content {
        margin-top: 20px;
    }
}
